<template>
  <div class="common-charts-container">
    <div class="common-charts-item hover-container">
      <div class="hover-item hvr-grow">GROW</div>
      <div class="hover-item hvr-shutter-out-vertical">
        hvr-shutter-out-vertical
      </div>
      <div class="hover-item hvr-underline-from-center">
        hvr-underline-from-center
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Hover"
};
</script>

<style scoped lang="scss">
@import "~hover.css";

.hover-container {
  color: #666;

  .hover-item {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #ececec;
    text-decoration: none;
  }
}
</style>
